<template>
  <text
    :class="`iconfont ${name}`"
    :style="{
      color: color,
      fontSize: size + 'px',
    }"
  ></text>
</template>

<script setup lang="ts">
import {
  ref,
  reactive,
  toRefs,
  watch,
  onMounted,
  nextTick,
  getCurrentInstance,
} from 'vue'

import moduleName from '@/static/svg/wallet.svg'

const emit = defineEmits([''])
const props = defineProps({
  color: {
    type: String,
    default: '#666666',
  },
  name: {
    type: String,
    default: 'wallet',
  },
  size: {
    type: Number,
    default: 30,
  },
})

const { name, color } = toRefs(props)

const data1 = `<svg t="1680173661271" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15504" width="200" height="200"><path d="M639.42656 204.8a61.44 61.44 0 0 1 61.44 61.44l-0.02048 41.86112h62.54592a61.44 61.44 0 0 1 61.44 61.44l-0.02048 103.85408H535.57248v165.29408h289.23904v103.85408a61.44 61.44 0 0 1-61.44 61.44H245.76a61.44 61.44 0 0 1-61.44-61.44V307.2a102.4 102.4 0 0 1 102.4-102.4h352.70656z m182.86592 330.0352v42.41408h-225.28v-42.3936h225.28zM639.3856 266.24H286.72a40.96 40.96 0 0 0-40.96 40.96l-0.02048 0.90112h393.66656V266.24z" fill="#ff9a7a" p-id="15505"></path></svg>`
//const { } = toRefs(props);

const iconStyle = reactive({
  color: color,
  fontSize: 30 + 'px',
})

onMounted(() => {
  console.log(moduleName, 'zzzzzzzzzz')
})

const { data } = toRefs(
  reactive({
    //定义数组和对象
    data: '',
  })
)
</script>
<style lang="scss" scoped></style>
